@import '../base/common.less';
.user-center-cq {
  .hairline(top, rgb(210, 211, 216));
  .scrollable();
  .full-screen();
  .info-sect{
    background: #fff url("../../images/cq/user/back-top.png") no-repeat top left;
    background-size: 100% auto;
    height: 250/@ppr;
    min-height: 250/@ppr;
    display: flex;
    padding-bottom: 40/@ppr;
    .info{
      z-index: 1;
      flex: 1;
      display: flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      text-align: center;
      color: #fff;

      .info-text{
        font-size: 52/@ppr;
      }

      .info-title{
        font-size: 24/@ppr;
        line-height: 24/@ppr;
        font-weight: 300;
        margin-top: 20/@ppr;
      }
    }
  }

  .tab-sect{
    margin-top: 20/@ppr;
    background-color: white;
    border-radius: 4/@ppr;
    &.first{
      margin-top: 0;
      //margin-top: 206/@ppr;
      //padding-top: 82/@ppr;
    }

    .item{
      display: flex;
      height: 98/@ppr;
      min-height: 98/@ppr;
      padding: 0 0 0 35/@ppr;
      .btn-hover();

      &:last-child{
        .text:after{
          height: 0;
        }
      }
    }

    .iconBox{
      margin-top: 28/@ppr;
      height: 38/@ppr;
      width: 38/@ppr;
    }

    .text{
      &:before{
        position: absolute;
        right: 35/@ppr;
        top: 40/@ppr;
        content: '';
        width: 11/@ppr;
        height: 20/@ppr;
        background: url("../../images/cq/user/ic_more@2x.png") no-repeat top left;
        background-size: contain;
      }

      .hairline(bottom, #e5e5e5);

      padding-right: 81/@ppr;
      flex: 1;
      margin-left: 25/@ppr;
      line-height: 98/@ppr;
      font-size: 28/@ppr;
      color: #2e2e36;
    }
  }
  .loginout-but{
    width: 358/@ppr;
    height: 80/@ppr;
    min-height: 80/@ppr;
    line-height: 80/@ppr;
    font-size: 32/@ppr;
    color: #8c8c94;
    border-radius:80/@ppr;
    background-color: white;
    border:2/@ppr solid rgb(210, 211, 216);
    margin: 80/@ppr auto;
    text-align: center
  }
  //.footer-sect{
  //
  //  // position: fixed;
  //  // bottom: 0;
  //  // left: 0;
  //  width: 100%;
  //  box-sizing: border-box;
  //  padding: 44/@ppr 0;
  //  display: flex;
  //  align-content: center;
  //  justify-content:space-between;
  //  margin-top: 50/@ppr;
  //  font-size: 24/@ppr;
  //  color: #b1b1b8;
  //
  //  .tel-icon{
  //    width: 68/@ppr;
  //    height: 68/@ppr;
  //  }
  //  .title{
  //    margin-bottom: 4/@ppr;
  //  }
  //  .tel{
  //    font-size: 28/@ppr;
  //    color: #409eff;
  //  }
  //}
}
